<html>
<head>
    <!-- 引入JQuery -->
    <script type="text/javascript" src="/easyui/jquery.min.js"></script>
    <!-- 引入EasyUI -->
    <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
    <!-- 引入EasyUI的中文国际化js，让EasyUI支持中文 -->
    <script type="text/javascript" src="/easyui/locale/easyui-lang-zh_CN.js"></script>
    <!-- 引入EasyUI的样式文件-->
    <link rel="stylesheet" href="/easyui/themes/default/easyui.css" type="text/css"/>
    <!-- 引入EasyUI的图标样式文件-->
    <link rel="stylesheet" href="/easyui/themes/icon.css" type="text/css"/>
    <script>
      $(function(){
       $("#dg").datagrid({
           queryParams: {
               query: ''
           },
           loadFilter:function (ss) {
               return ss.data;
           },
          fitColumns:true,
           toolbar:[{ text:"检索：<input type='text' id='ss' />"},'-',{}]


       });
      $("#ss").searchbox({
          searcher:function(value,name){
              $('#dg').datagrid('load',{query:value});
          },
          prompt:'设备地址'
      });


      });


    </script>
</head>
<body>
<table id="dg" class="easyui-datagrid" data-options="singleSelect:true,collapsible:true,url:'/driverlogin',method:'get',pagination:true,pageList:[10,15,20],fit:true">
    <thead>
    <tr>
        <th data-options="field:'id',checkbox:true,width:80,align:'center'">id</th>
        <th data-options="field:'address',width:100,align:'center'">设备地址</th>
        <th data-options="field:'loginTime',width:100,align:'center'">登录时间</th>
        <th data-options="field:'romteIp',width:100,align:'center'">登录IP</th>


    </tr>
    </thead>
</table>
</body>
</html>